<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>综合设置边框</title>
<style type="text/css">
h2{border-bottom:5px double blue;
text-align:center;}
.one{border-top:3px dashed #f00;
       border-right:10px double #900;
	   border-bottom:3px dotted #ccc;
	   border-left:10px solid green;}
.two{border:15px solid #ccc;}

</style>
</head>

<body>
<h2>设置边框属性</h2>
<p class="one">使用单侧边框的综合属性，给上右下左设置不同的样式。</p>
<img class="two" src="yeshu.png" alt="椰树图片"/>
</body>
</html>
